<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>待办事项</title>
    <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="index.css"> </head>

<body>
    <div class="container">
        <div class="box">
            <div class="title">
                <p class="active">清单</p>
                <p>标签</p>
                <p>自定义</p>
                <div class="xain"></div>
            </div>
            <div class="hidd on active">
                <li class="add"><span><i class="fa fa-plus-circle"></i></span>添加清单</li>
            </div>
            <div class="hidd tw">
                <li class="add"><span><i class="fa fa-plus-circle"></i></span>添加标签</li>
            </div>
            <div class="hidd th">
                <li class="add"><span><i class="fa fa-plus-circle"></i></span>添加自定义</li>
            </div>
            <div class="bianji">
                <p class="banji">编辑</p>
                <p class="shanchu">删除</p> 
            </div>
        </div>
    </div>
    <div class="main">
        <div class="warp">
            <div class="input">
                <h4>添加<span class="ther"></span></h4>
                <input type="text" placeholder="名称">
                <div class="seban">
                    <span class="active"></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
                <div class="off"><i class="fa fa-times"></i></div>
                <div class="but">
                    <div class="as guanbi">关闭</div>
                    <div class="as baocun">保存</div>
                </div>
            </div>
        </div>
    </div>
    <script src="script.js"></script>
</body>

</html>